@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  color: #fff; }

img {
  vertical-align: middle; }

.text-align {
  text-align: center; }

body {
  font-size: 14px;
  line-height: 1.42857;
  color: #76797b;
  background-color: #f3f3f3;
  font-family: " arial", " Hiragino Sans GB ", " Microsoft Yahei ", "微软雅黑", "宋体", "Tahoma", "Arial"," Helvetica", "STHeiti"; }
  body #wrap {
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.8); }
  body .logo {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 0; }
    body .logo #lg {
      display: block;
      padding: 8px 15px;
      font-size: 0;
      float: left; }
      body .logo #lg h1 {
        width: 84px;
        height: 34px;
        background: url("http://res.alltuu.com/static/images/navbar-logo.png") no-repeat;
        background-size: 100% 100%; }
    body .logo #lg1 li {
      float: left;
      padding: 14px 15px; }
      body .logo #lg1 li a {
        font-size: 13px; }
      body .logo #lg1 li:hover {
        background: rgba(0, 0, 0, 0.1); }
    body .logo input {
      width: 150px;
      height: 30px;
      margin: 8px 15px;
      text-indent: 5px;
      float: right;
      transition: 0.3s all;
      outline: none; }
    body .logo #lg2 {
      height: 50px;
      float: left;
      float: right; }
      body .logo #lg2 li {
        float: left;
        padding: 14px 0; }
        body .logo #lg2 li a {
          font-size: 13px;
          padding: 0 15px; }
  body .pic-nav {
    z-index: 3;
    background: #FFF;
    width: 100%;
    height: 64px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.17);
    text-align: center; }
    body .pic-nav .active {
      height: 64px;
      border-bottom: 4px solid #0099E5;
      color: #0099E5; }
    body .pic-nav .discover {
      margin: 0 20px;
      height: 64px;
      line-height: 64px;
      font-size: 16px;
      display: inline-block;
      cursor: pointer; }
  body .pic-tag .container-50 {
    margin: 10px 50px;
    min-width: 1100px; }
    body .pic-tag .container-50 .tag-list {
      padding-left: 0;
      width: 100%;
      max-width: 1804px;
      background: #FFF;
      display: block;
      overflow: hidden;
      margin: 0 auto; }
      body .pic-tag .container-50 .tag-list li {
        display: inline-block;
        width: 8.45%;
        padding: 10px 0px;
        padding-left: 7px;
        position: relative; }
        body .pic-tag .container-50 .tag-list li .tag-bg {
          cursor: pointer;
          position: relative; }
          body .pic-tag .container-50 .tag-list li .tag-bg img {
            width: 100%;
            display: inline-block;
            pointer-events: none; }
          body .pic-tag .container-50 .tag-list li .tag-bg .cover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            line-height: 100%;
            background: rgba(0, 0, 0, 0.3);
            display: inline-block;
            color: #FFF;
            font-size: 20px;
            cursor: pointer;
            transition: background 0.3s, font-size 0.3s; }
            body .pic-tag .container-50 .tag-list li .tag-bg .cover:hover {
              background: transparent; }
            body .pic-tag .container-50 .tag-list li .tag-bg .cover .tag-name {
              width: 50px;
              height: 22px;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              margin: auto;
              text-align: center; }
          body .pic-tag .container-50 .tag-list li .tag-bg .line {
            position: absolute;
            display: none;
            width: calc(100%);
            bottom: -10px;
            left: 0px;
            height: 4px; }
      body .pic-tag .container-50 .tag-list .pull-left {
        float: left !important; }
  body .main .container-50 {
    margin: 10px 50px;
    min-width: 1100px;
    background: #fff; }
    body .main .container-50 ul {
      width: 100%;
      display: flex;
      flex-flow: wrap row;
      justify-content: space-around; }
      body .main .container-50 ul li {
        height: 278px;
        padding-top: 8px;
        padding-left: 8px; }
        body .main .container-50 ul li a img {
          height: 100%; }
  body .back {
    width: 44px;
    height: 60px;
    position: fixed;
    bottom: 70px;
    right: 100px;
    cursor: pointer; }
    body .back:hover .circle {
      background: #ccc; }
    body .back:hover p {
      color: #ccc; }
    body .back .circle {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      background: #404345;
      color: #ccc;
      font-size: 20px; }
    body .back p {
      line-height: 20px;
      color: #404345; }
